<script lang="ts">
import { h, ref } from 'vue'

// export default {
//   props: ['message'],
//   setup(props, { slots }) {
//     return () => [
//       // 默认插槽：
//       // <div><slot /></div>
//       h('div', slots.default()),

//       // 具名插槽：
//       // <div><slot name="footer" :text="message" /></div>
//       h(
//         'div',
//         slots.footer({
//           text: props.message
//         })
//       )
//     ]
//   }
// }
export default {
  props: [],
  setup(props, { slots }) {
    console.log('slots', slots)
    const e = slots.default!!()[0]
    console.log(e)
    const count = ref('names:names')
    return () => h('div', slots.default!!())
  }
}
</script>
<template>
  <div>
    <slot />
  </div>
</template>
